﻿<!DOCTYPE html  >
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
    <head>
        <meta charset="utf-8"/>
        <title>速登云ERP系统 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link href="/erp/assets/css/bootstrap.min.css" rel="stylesheet"/>
        <link rel="stylesheet" href="/erp/assets/css/font-awesome.min.css"/>
        <!--[if IE 7]>
        <link rel="stylesheet" href="/erp/assets/css/font-awesome-ie7.min.css"/>
        <![endif]-->
        <link rel="stylesheet" href="/erp/assets/css/ace.min.css"/>
        <link rel="stylesheet" href="/erp/assets/css/ace-rtl.min.css"/>
        <link rel="stylesheet" href="/erp/assets/css/ace-skins.min.css"/>
        <link rel="stylesheet" href="/erp/css/style.css"/>
        <!--[if lte IE 8]>
        <link rel="stylesheet" href="/erp/assets/css/ace-ie.min.css"/>
        <![endif]-->
        <script src="/erp/assets/js/ace-extra.min.js"></script>
        <!--[if lt IE 9]>
        <script src="/erp/assets/js/html5shiv.js"></script>
        <script src="/erp/assets/js/respond.min.js"></script>
        <![endif]-->
        <!--[if !IE]> -->
        <script src="/erp/js/jquery-1.9.1.min.js"></script>
        <!-- <![endif]-->
        <!--[if IE]>
        <script type="text/javascript">window.jQuery || document.write("<script src='/erp/assets/js/jquery-1.10.2.min.js'>" + "<" + "script>");</script>
        <![endif]-->
        <script type="text/javascript">
            if ("ontouchend" in document) document.write("<script src='/erp/assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
        </script>
        <script src="/erp/assets/js/bootstrap.min.js"></script>
        <script src="/erp/assets/js/typeahead-bs2.min.js"></script>
        <!--[if lte IE 8]>
        <script src="/erp/assets/js/excanvas.min.js"></script>
        <![endif]-->
        <script src="/erp/assets/js/ace-elements.min.js"></script>
        <script src="/erp/assets/js/ace.min.js"></script>
        <script src="/erp/assets/layer/layer.js" type="text/javascript"></script>
        <script src="/erp/assets/laydate/laydate.js" type="text/javascript"></script>
        <script src="/erp/js/jquery.nicescroll.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(function () {
                var cid = $('#nav_list> li>.submenu');
                cid.each(function (i) {
                    $(this).attr('id', "Sort_link_" + i);

                })
            })
            jQuery(document).ready(function () {
                $.each($(".submenu"), function () {
                    var $aobjs = $(this).children("li");
                    var rowCount = $aobjs.size();
                    var divHeigth = $(this).height();
                    $aobjs.height(divHeigth / rowCount);
                });
                //初始化宽度、高度

                $("#main-container").height($(window).height() - 76);
                $("#iframe").height($(window).height() - 140);

                $(".sidebar").height($(window).height() - 99);
                var thisHeight = $("#nav_list").height($(window).outerHeight() - 173);
                $(".submenu").height();
                $("#nav_list").children(".submenu").css("height", thisHeight);

                //当文档窗口发生改变时 触发
                $(window).resize(function () {
                    $("#main-container").height($(window).height() - 76);
                    $("#iframe").height($(window).height() - 140);
                    $(".sidebar").height($(window).height() - 99);

                    var thisHeight = $("#nav_list").height($(window).outerHeight() - 173);
                    $(".submenu").height();
                    $("#nav_list").children(".submenu").css("height", thisHeight);
                });
                $(document).on('click', '.iframeurl', function () {
                    var cid = $(this).attr("name");
                    var cname = $(this).attr("title");
                    $("#iframe").attr("src", cid).ready();
                    $("#Bcrumbs").attr("href", cid).ready();
                    $(".Current_page a").attr('href', cid).ready();
                    $(".Current_page").attr('name', cid);
                    $(".Current_page").html(cname).css({"color": "#333333", "cursor": "default"}).ready();
                    $("#parentIframe").html('<span class="parentIframe iframeurl"> </span>').css("display", "none").ready();
                    $("#parentIfour").html('').css("display", "none").ready();
                });


            });
            /******/
            $(document).on('click', '.link_cz > li', function () {
                $('.link_cz > li').removeClass('active');
                $(this).addClass('active');
            });


            /*********************点击事件*********************/
            $(document).ready(function () {
                $('#nav_list,.link_cz').find('li.home').on('click', function () {
                    $('#nav_list,.link_cz').find('li.home').removeClass('active');
                    $(this).addClass('active');
                });
//时间设置


// setInterval(function(){$('#time').html(currentTime)},1000);
//修改密码
                $('.change_Password').on('click', function () {
                    layer.open({
                        type: 1,
                        title: '修改密码',
                        area: ['300px', '300px'],
                        shadeClose: true,
                        content: $('#change_Pass'),
                        btn: ['确认修改'],
                        yes: function (index, layero) {
                            if ($("#password").val() == "") {
                                layer.alert('原密码不能为空!', {
                                    title: '提示框',
                                    icon: 0,

                                });
                                return false;
                            }
                            if ($("#Nes_pas").val() == "") {
                                layer.alert('新密码不能为空!', {
                                    title: '提示框',
                                    icon: 0,

                                });
                                return false;
                            }

                            if ($("#c_mew_pas").val() == "") {
                                layer.alert('确认新密码不能为空!', {
                                    title: '提示框',
                                    icon: 0,

                                });
                                return false;
                            }
                            if (!$("#c_mew_pas").val || $("#c_mew_pas").val() != $("#Nes_pas").val()) {
                                layer.alert('密码不一致!', {
                                    title: '提示框',
                                    icon: 0,

                                });
                                return false;
                            } else {
                                layer.alert('修改成功！', {
                                    title: '提示框',
                                    icon: 1,
                                });
                                layer.close(index);
                            }
                        }
                    });
                });
                $('#Exit_system').on('click', function () {
                    layer.confirm('是否确定退出系统？', {
                        btn: ['确定', '取消'], //按钮
                        icon: 2,
                    }, function () {
                        window.location.href = "/logout";
                    })
                });
            });

            function link_operating(name, title) {
                var cid = $(this).name;
                var cname = $(this).title;
                $("#iframe").attr("src", cid).ready();
                $("#Bcrumbs").attr("href", cid).ready();
                $(".Current_page a").attr('href', cid).ready();
                $(".Current_page").attr('name', cid);
                $(".Current_page").html(cname).css({"color": "#333333", "cursor": "default"}).ready();
                $("#parentIframe").html('<span class="parentIframe iframeurl"> </span>').css("display", "none").ready();
                $("#parentIfour").html('').css("display", "none").ready();


            }
        </script>
    </head>
    <body>
        <div class="navbar navbar-default" id="navbar">
            <script type="text/javascript">
                try {
                    ace.settings.check('navbar', 'fixed')
                } catch (e) {
                }
            </script>
            <div class="navbar-container" id="navbar-container">
                <div class="navbar-header pull-left">
                    <a href="#" class="navbar-brand">
                        <small>
                            <img src="/erp/images/logo.png" width="470px">
                        </small>
                    </a><!-- /.brand -->
                </div><!-- /.navbar-header -->
                <div class="navbar-header operating pull-left">

                </div>
                <div class="navbar-header pull-right" role="navigation">
                    <ul class="nav ace-nav">
                        <li>
                            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <shiro:principal property="userAccount"/>
                                <i class="icon-caret-down"></i></span>
                            </a>
                            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li><a href="javascript:void(0)" name="shopping_company.html" title="个人信息"
                                       class="iframeurl"><i class="icon-user"></i>个人资料</a></li>
                                <li class="divider"></li>
                                <li><a id="Exit_system"><i class="icon-off"></i>退出</a></li>
                            </ul>
                        </li>
                        <li>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i
                                    class="icon-bell-alt"></i><span class="badge badge-important">8</span></a>
                            <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                                <li class="dropdown-header"><i class="icon-warning-sign"></i>8条通知</li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink icon-comments-alt"></i>
												最新消息
											</span>
                                            <span class="pull-right badge badge-info">+12</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="btn btn-xs btn-primary icon-user"></i>
                                        切换为编辑登录..
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
												新订单
											</span>
                                            <span class="pull-right badge badge-success">+8</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info icon-twitter"></i>
												用户消息
											</span>
                                            <span class="pull-right badge badge-info">+11</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        查看所有通知
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </li>
                            </ul>
                        </li>


                    </ul>
                    <!-- <div class="right_info">

                       <div class="get_time" ><span id="time" class="time"></span>欢迎光临,管理员</span></div>
                        <ul class="nav ace-nav">
                            <li><a href="javascript:ovid(0)" class="change_Password">修改密码</a></li>
                            <li><a href="javascript:ovid(0)" id="Exit_system">退出系统</a></li>

                        </ul>
                    </div>-->
                </div>
            </div>
        </div>
        <div class="main-container" id="main-container">
            <script type="text/javascript">
                try {
                    ace.settings.check('main-container', 'fixed')
                } catch (e) {
                }
            </script>
            <div class="main-container-inner">
                <a class="menu-toggler" id="menu-toggler" href="#">
                    <span class="menu-text"></span>
                </a>
                <div class="sidebar" id="sidebar">
                    <script type="text/javascript">
                        try {
                            ace.settings.check('sidebar', 'fixed')
                        } catch (e) {
                        }
                    </script>
                    <div class="sidebar-shortcuts" id="sidebar-shortcuts">

                        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                            <span class="btn btn-success"></span>

                            <span class="btn btn-info"></span>

                            <span class="btn btn-warning"></span>

                            <span class="btn btn-danger"></span>
                        </div>
                    </div><!-- #sidebar-shortcuts -->
                    <div id="menu_style" class="menu_style">
                        <ul class="nav nav-list" id="nav_list">
                            <li class="home"><a href="javascript:void(0)" name="e_home.html" class="iframeurl" title=""><i
                                    class="icon-home"></i><span class="menu-text"> 系统首页 </span></a></li>
                            <li  th:each="x : ${menus}"><a href="#" class="dropdown-toggle"><i class="icon-user"></i><span class="menu-text"> [[${x.menuName}]] </span><b
                                    class="arrow icon-angle-down"></b></a>
                                <ul class="submenu">
                                    <li class="home" th:each="xx : ${x.children}"><a href="javascript:void(0)" th:name="${xx.menuUrl}" th:title="${xx.menuName}"
                                                        class="iframeurl"><i
                                            class="icon-double-angle-right"></i>[[${xx.menuName}]]</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <script type="text/javascript">
                        $("#menu_style").niceScroll({
                            cursorcolor: "#888888",
                            cursoropacitymax: 1,
                            touchbehavior: false,
                            cursorwidth: "5px",
                            cursorborder: "0",
                            cursorborderradius: "5px"
                        });
                    </script>
                    <div class="sidebar-collapse" id="sidebar-collapse">
                        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
                           data-icon2="icon-double-angle-right"></i>
                    </div>
                    <script type="text/javascript">
                        try {
                            ace.settings.check('sidebar', 'collapsed')
                        } catch (e) {
                        }
                    </script>
                </div>

                <div class="main-content">
                    <script type="text/javascript">
                        try {
                            ace.settings.check('breadcrumbs', 'fixed')
                        } catch (e) {
                        }
                    </script>
                    <div class="breadcrumbs" id="breadcrumbs">
                        <ul class="breadcrumb">
                            <li>
                                <i class="icon-home home-icon"></i>
                                <a href="index.html">首页</a>
                            </li>
                            <li class="active"><span class="Current_page iframeurl"></span></li>
                            <li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>
                            <li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>
                        </ul>
                    </div>

                    <iframe id="iframe" style="border:0; width:100%; background-color:#FFF;" name="iframe"
                            frameborder="0" src=""></iframe>


                    <!-- /.page-content -->
                </div><!-- /.main-content -->

                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="icon-cog bigger-150"></i>
                    </div>

                    <div class="ace-settings-box" id="ace-settings-box">
                        <div>
                            <div class="pull-left">
                                <select id="skin-colorpicker" class="hide">
                                    <option data-skin="default" value="#438EB9">#438EB9</option>
                                    <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                    <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                    <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                </select>
                            </div>
                            <span>&nbsp; 选择皮肤</span>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar"/>
                            <label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"/>
                            <label class="lbl" for="ace-settings-rtl">切换到左边</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container"/>
                            <label class="lbl" for="ace-settings-add-container">
                                切换窄屏
                                <b></b>
                            </label>
                        </div>
                    </div>
                </div><!-- /#ace-settings-container -->
            </div><!-- /.main-container-inner -->

        </div>
        <!--底部样式-->

        <div class="footer_style" id="footerstyle">
            <script type="text/javascript">try {
                ace.settings.check('footerstyle', 'fixed')
            } catch (e) {
            }</script>
            <p class="l_f">版权所有：武汉群翔软件有限公司 </p>
            <p class="r_f">地址：武汉市武昌区武珞路628 邮编：430000 技术支持：XXXX</p>
        </div>
        <!--修改密码样式-->
        <div class="change_Pass_style" id="change_Pass">
            <ul class="xg_style">
                <li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input name="原密码" type="password" class=""
                                                                                  id="password"></li>
                <li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input name="新密码" type="password" class=""
                                                                                  id="Nes_pas"></li>
                <li><label class="label_name">确认密码</label><input name="再次确认密码" type="password" class="" id="c_mew_pas">
                </li>
            </ul>
        </div>
        <!-- /.main-container -->
        <!-- basic scripts -->

    </body>
</html>